<template>
	<view>
		<view class="page">
			<view class="flex benben-position-layout flex flex-wrap align-center flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex flex-wrap align-center justify-between flex-sub fd0_0'>
					<view class='flex flex-wrap align-center fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
						data-url="1">
						<text class='fu-iconfont2  fd0_0_c0_c0'>&#xE794;</text>
					</view>
					<view class='flex flex-wrap align-stretch justify-center'>
						<text class='fd0_0_c1_c0' v-if="type == 2">消防登记</text>
						<text class='fd0_0_c1_c0' v-if="type == 3">卫生登记</text>
					</view>
					<view class='flex flex-wrap align-center justify-end fd0_0_c0'>
					</view>
				</view>

			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
			<!---flex布局flex布局开始-->
			<view class="flex benben-flex-layout flex-wrap align-center" v-if="tabsTypefd2_0_c0_c0 == 2">
				<view class='flex flex-wrap align-center justify-between fd1_0'>
					<view class='flex flex-wrap align-center'>
						<text class='fd1_0_c0_c0'>选择房间号</text>
					</view>
					<view class='flex flex-wrap align-center' @tap.stop="pickerDiy1656985489961 = true">
						<text class='fd1_0_c1_c0'>{{roomLabel?roomLabel:'请选择'}}，45㎡</text>
						<image class='fd1_0_c1_c1' mode="aspectFit" :src='STATIC_URL+"213.png"'></image>
					</view>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex benben-flex-layout flex-wrap align-center">
				<view class='flex flex-wrap align-center fd2_0'>
					<view class='flex flex-wrap align-center fd2_0_c0'>
						<view>
							<benben-flex-tabs class-name='benbenTabsfd2_0_c0_c0' v-model="tabsTypefd2_0_c0_c0"
								ref="benben_tabsfd2_0_c0_c0" select-mark="benben_tabsfd2_0_c0_c0"
								key="benben_tabsfd2_0_c0_c0" :open-title-type='false' :open-sticky='true' :top='0'
								:is-show-content='false' :scrollspy='false' :tabs-info.sync="tabsInfofd2_0_c0_c0">
								<scroll-view @scroll="tabsInfofd2_0_c0_c0.scrollX = $event.detail.scrollLeft"
									id="benben_tabsfd2_0_c0_c0" class="benben-tabs" style="width:750rpx"
									:scroll-x="true" :scroll-left.sync="tabsInfofd2_0_c0_c0.moveX"
									scroll-with-animation="all .3s ease">
									<view class="benben-tabs-content" id="benben_tabsfd2_0_c0_c0-content">
										<view id="benben_tabsfd2_0_c0_c0-title"
											class="benben-tabs-title flex flex align-center justify-around">
											<view
												:class="{ 'checkTitlefd2_0_c0_c0': tabsTypefd2_0_c0_c0 == '1', 'flex flex-wrap align-center weixuanz': true }"
												@tap="tabsTypefd2_0_c0_c0 = '1'"
												:id="`benben_tabsfd2_0_c0_c0-title-item-${'1'}`">
												<text v-if="type == 2">消防智能设备</text>
												<text v-if="type == 3">智能信息</text>
											</view>
											<view
												:class="{ 'checkTitlefd2_0_c0_c0': tabsTypefd2_0_c0_c0 == '2', 'flex flex-wrap align-center weixuanz': true }"
												@tap="tabsTypefd2_0_c0_c0 = '2'"
												:id="`benben_tabsfd2_0_c0_c0-title-item-${'2'}`">
												<text v-if="type == 2">消防普通设备</text>
												<text v-if="type == 3">普通信息</text>
											</view>
										</view>
										<view
											:style="{ left: tabsInfofd2_0_c0_c0.lineleft, maxWidth: tabsInfofd2_0_c0_c0.lineWidth ,}"
											id="benben_tabsfd2_0_c0_c0-line"
											class="benben-tabs-line flex benben-flex-tabs-line linefd2_0_c0_c0"></view>
									</view>
								</scroll-view>
							</benben-flex-tabs>
						</view>
					</view>
					<view v-if="tabsTypefd2_0_c0_c0 == '1'">
						<view class='flex flex-wrap align-center fd2_0_c1'>
							<view class='flex flex-wrap align-center justify-between fd2_0_c1_c0'>
								<text class='fd2_0_c1_c0_c0'>设备1</text>
								<text class='fu-iconfont2  fd2_0_c1_c0_c1'>&#xe6eb;</text>
							</view>
							<view class='flex flex-wrap align-center justify-between fd2_0_c1_c1'>
								<text class='fd2_0_c1_c1_c0'>设备类型：</text>
								<view class='flex flex-wrap align-center'>
									<text class='fd2_0_c1_c1_c1_c0'>智能烟感器</text>
									<image class='fd2_0_c1_c1_c1_c1' mode="aspectFit" :src='STATIC_URL+"213.png"'>
									</image>
								</view>
							</view>
							<view class='flex flex-wrap align-center justify-between fd2_0_c1_c2'>
								<text class='fd2_0_c1_c1_c0'>设备编号：</text>
								<input class='fd2_0_c1_c2_c1' type="text" :placeholder="`请输入`" confirm-type="done"
									:maxlength="-1" :adjust-position='true'
									placeholder-style="color:#999;font-size:28rpx" v-model="shebeibianhao" />
							</view>
							<view class='flex flex-wrap align-center justify-between fd2_0_c1_c2'>
								<text class='fd2_0_c1_c1_c0'>设备名称：</text>
								<input class='fd2_0_c1_c2_c1' type="text" :placeholder="`请输入`" confirm-type="done"
									:maxlength="-1" :adjust-position='true'
									placeholder-style="color:#999;font-size:28rpx" v-model="shebeimingcheng" />
							</view>
							<view class='flex flex-wrap align-center justify-between fd2_0_c1_c2'
								@tap.stop="pickerDiy1659088796281 = true">
								<text class='fd2_0_c1_c1_c0'>安装日期：</text>
								<view class='flex flex-wrap align-center'>
									<text class='fd2_0_c1_c4_c1_c0'>{{date_of_entry?date_of_entry:'请选择'}}</text>
									<image class='fd2_0_c1_c1_c1_c1' mode="aspectFit" :src='STATIC_URL+"214.png"'>
									</image>
								</view>
							</view>
							<view class='flex flex-wrap align-center justify-between fd2_0_c1_c2'
								@tap.stop="pickerDiy2131659088796281 = true">
								<text class='fd2_0_c1_c1_c0'>有效期：</text>
								<view class='flex flex-wrap align-center'>
									<text class='fd2_0_c1_c4_c1_c0'>{{departure_date?departure_date:'请选择'}}</text>
									<image class='fd2_0_c1_c1_c1_c1' mode="aspectFit" :src='STATIC_URL+"214.png"'>
									</image>
								</view>
							</view>
							<view class='flex flex-wrap align-center fd2_0_c1_c6'>
								<text class='fd2_0_c1_c6_c0'>图片：</text>
								<view class='flex flex-wrap align-center fd2_0_c1_c2'>
									<benben-images-upload ref="benbenImagesUploadfd1_0_c1" :maxlength="1"
										:img-ids.sync="photoids" :img-list.sync="photourl" :is-show-tips='true'>
										<template #content="{ num, maxlength, isShow, imgList }">
											<view class="flex flex-wrap align-start flex">
												<view v-for="(image, index) in imgList" :key="index"
													class='flex position-relative publishExposure_fd1_0_c10'>
													<text
														class='fu-iconfont2 position-absolute publishExposure_fd1_0_c100'
														@tap.stop="$refs.benbenImagesUploadfd1_0_c1.delImage(index)">&#xE8E7;</text>
													<image class='publishExposure_fd1_0_c101'
														@tap.stop="$refs.benbenImagesUploadfd1_0_c1.previewImage(index)"
														mode="aspectFill" :src='image'></image>
												</view>
												<image class='fd2_0_c1_c6_c1_c0_image'
													@tap.stop="$refs.benbenImagesUploadfd1_0_c1.manyChooseImage()"
													v-if="isShow" mode="aspectFit" :src='STATIC_URL+"60.png"'></image>
											</view>
										</template>
									</benben-images-upload>
								</view>
							</view>
						</view>
						<!-- <view class='flex flex-wrap align-center justify-center fd2_0_c1_c2'>
							<view class='flex flex-wrap align-center self-center justify-center fd2_0_c2_c0'>
								<text class='fd2_0_c2_c0_c0'>+添加设备</text>
							</view>
						</view> -->
					</view>
					<view v-if="tabsTypefd2_0_c0_c0 == '2'">
						<view class='flex flex-wrap align-center fd2_0_c1'>
							<view class='flex flex-wrap align-center justify-between fd2_0_c1_c0'>
								<text class='fd2_0_c1_c0_c0'>设备1</text>
								<text class='fu-iconfont2  fd2_0_c1_c0_c1'>&#xe6eb;</text>
							</view>
							<view class='flex flex-wrap align-center justify-between fd2_0_c1_c1'>
								<text class='fd2_0_c1_c1_c0'>设备类型：</text>
								<view class='flex flex-wrap align-center'>
									<text class='fd2_0_c1_c1_c1_c0'>智能烟感器</text>
									<image class='fd2_0_c1_c1_c1_c1' mode="aspectFit" :src='STATIC_URL+"213.png"'>
									</image>
								</view>
							</view>
							<view class='flex flex-wrap align-center justify-between fd2_0_c1_c2'>
								<text class='fd2_0_c1_c1_c0'>设备名称：</text>
								<input class='fd2_0_c1_c2_c1' type="text" :placeholder="`请输入`" confirm-type="done"
									:maxlength="-1" :adjust-position='true'
									placeholder-style="color:#999;font-size:28rpx" v-model="putongdeshebeimingcheng" />
							</view>
							<view class='flex flex-wrap align-center justify-between fd2_0_c1_c1'>
								<text class='fd2_0_c1_c1_c0'>标配数：</text>
								<view class='flex flex-wrap align-center'>
									<text class='fd2_0_c1_c1_c1_c0'>2</text>
								</view>
							</view>
							<view class='flex flex-wrap align-center justify-between fd2_0_c1_c1'>
								<text class='fd2_0_c1_c1_c0'>匹配数：</text>
								<view class='flex flex-wrap align-center'>
									<text class='fd2_0_c1_c1_c1_c0'>2</text>
								</view>
							</view>
							<view class='flex flex-wrap align-center justify-between fd2_0_c1_c1'>
								<text class='fd2_0_c1_c1_c0'>补配数：</text>
								<view class='flex flex-wrap align-center'>
									<text class='fd2_0_c1_c1_c1_c0'>2</text>
								</view>
							</view>
							<view class='flex flex-wrap align-center justify-between fd2_0_c1_c1'>
								<text class='fd2_0_c1_c1_c0'>用途：</text>
								<view class='flex flex-wrap align-center'>
									<text class='fd2_0_c1_c1_c1_c0'>紧急逃生</text>
								</view>
							</view>
							<view class='flex flex-wrap align-center fd2_0_c1_c6'>
								<text class='fd2_0_c1_c6_c0'>图片：</text>
								<view class='flex flex-wrap align-center fd2_0_c1_c2'>
									<!-- <benben-image-upload :is-cropping="false" :is-show-clean="true" class="upload position-relative">
						                <text v-if="fd2_0_c1_c6_c1_c0 != ''" data-type="clean" class='fu-iconfont2 position-absolute fd2_0_c1_c6_c1_c0_icon'>&#xE8E7;</text>
						                <image class=" fd2_0_c1_c6_c1_c0_image" mode="aspectFit" :src="fd2_0_c1_c6_c1_c0 ? fd2_0_c1_c6_c1_c0 : STATIC_URL+'215.png'"></image>
						            </benben-image-upload> -->
									<benben-images-upload ref="benbenImagesUploadfd1_0_c1" :maxlength="1"
										:img-ids.sync="pputhotoids" :img-list.sync="phputotourl" :is-show-tips='true'>
										<template #content="{ num, maxlength, isShow, imgList }">
											<view class="flex flex-wrap align-start flex">
												<view v-for="(image, index) in imgList" :key="index"
													class='flex position-relative publishExposure_fd1_0_c10'>
													<text
														class='fu-iconfont2 position-absolute publishExposure_fd1_0_c100'
														@tap.stop="$refs.benbenImagesUploadfd1_0_c1.delImage(index)">&#xE8E7;</text>
													<image class='publishExposure_fd1_0_c101'
														@tap.stop="$refs.benbenImagesUploadfd1_0_c1.previewImage(index)"
														mode="aspectFill" :src='image'></image>
												</view>
												<image class='fd2_0_c1_c6_c1_c0_image'
													@tap.stop="$refs.benbenImagesUploadfd1_0_c1.manyChooseImage()"
													v-if="isShow" mode="aspectFit" :src='STATIC_URL+"60.png"'></image>
											</view>
										</template>
									</benben-images-upload>
								</view>
							</view>
						</view>
						<!-- <view class='flex flex-wrap align-center justify-center fd2_0_c1_c2'>
							<view class='flex flex-wrap align-center self-center justify-center fd2_0_c2_c0'>
								<text class='fd2_0_c2_c0_c0'>+添加设备</text>
							</view>
						</view> -->
					</view>
				</view>
			</view>
			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex benben-flex-layout flex-wrap align-center flex_3" @tap.stop="tijiaochenggong">
				<view class='flex flex-wrap align-center justify-center fd3_0'>
					<text class='fd3_0_c0'>提交</text>
				</view>
			</view>
			<!---flex布局flex布局结束-->
			<benben-picker ref="benbenWritePickerCodepicker2" :visible.sync="pickerDiy1656985489961"
				:label.sync='roomLabel' :value.sync='roomIds' :options='roomArr' mode='selector' :mask-show='true'
				:timeout='true' :picker-height='88' default-type='value'
				:default-props='{"label":"name","value":"value"}'>
				<template #picker-header>
					<view class='flex flex-wrap align-center justify-between myInfo_picker2_0'>
						<text class='myInfo_picker2_0_c0' @tap="$refs.benbenWritePickerCodepicker2.cancel()">取消</text>
						<text class='myInfo_picker2_0_c1'>选择房间号</text>
						<text class='myInfo_picker2_0_c2'
							@tap="$refs.benbenWritePickerCodepicker2.pickerConfirm()">完成</text>
					</view>
				</template>
			</benben-picker>

			<benben-picker ref="benbenWritePickerCodepicker5" :visible.sync="pickerDiy1659088796281"
				:value.sync='date_of_entry' mode='date' :mask-show='true' :timeout='true' :picker-height='88'
				:current='true' fields='day' start-year='1690-1-1' end-year='现在'>
				<template #picker-header>
					<view class='flex flex-wrap align-center justify-between myInformation_picker4_0'>
						<text class='myInformation_picker4_0_c0'
							@tap="$refs.benbenWritePickerCodepicker5.cancel()">取消</text>
						<text class='myInformation_picker4_0_c1'>安装日期</text>
						<text class='myInformation_picker4_0_c2'
							@tap="$refs.benbenWritePickerCodepicker5.pickerConfirm()">确定</text>
					</view>
				</template>
			</benben-picker>

			<benben-picker ref="benbenWritePickerCodepicker6" :visible.sync="pickerDiy2131659088796281"
				:value.sync='departure_date' mode='date' :mask-show='true' :timeout='true' :picker-height='88'
				:current='true' fields='day' start-year='1690-1-1' end-year='2099-12-31'>
				<template #picker-header>
					<view class='flex flex-wrap align-center justify-between myInformation_picker4_0'>
						<text class='myInformation_picker4_0_c0'
							@tap="$refs.benbenWritePickerCodepicker6.cancel()">取消</text>
						<text class='myInformation_picker4_0_c1'>有效期</text>
						<text class='myInformation_picker4_0_c2'
							@tap="$refs.benbenWritePickerCodepicker6.pickerConfirm()">确定</text>
					</view>
				</template>
			</benben-picker>
		</view>
	</view>
</template>
<script>
	export default {
		components: {},


		data() {
			return {
				pickerDiy1659088796281: false,
				pickerDiy2131659088796281: false,
				date_of_entry: '',
				departure_date: '',
				roomLabel: '',
				roomIds: '',
				roomArr: [{
					name: '301',
					value: '1'
				}, {
					name: '302',
					value: '2'
				}, {
					name: '303',
					value: '3'
				}, {
					name: '304',
					value: '4'
				}, {
					name: '305',
					value: '5'
				}, {
					name: '306',
					value: '6'
				}],
				pickerDiy1656985489961: false,
				"tabsInfofd2_0_c0_c0": {
					lineleft: '',
					lineWidth: '',
					moveX: 0,
					scrollX: 0,
					PageScrollX: 0
				},
				photoids: '',
				photourl: [],
				"tabsTypefd2_0_c0_c0": "1",
				"fd2_0_c1_c6_c1_c0": "",
				"fd2_0_c1_c6_c1_c0id": "",
				aid: '',
				pputhotoids: '',
				phputotourl: [],
				shebeibianhao: '',
				shebeimingcheng: '',
				putongdeshebeimingcheng:'',
				type:''
			};
		},
		computed: {

		},
		watch: {},
		onLoad(options) {
			let {
				aid,
				type
			} = options
			if (aid) this.aid = aid
			if (type) this.type = type
		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {

		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			tijiaochenggong() {
				if(this.tabsTypefd2_0_c0_c0 == '1'){
					if(!this.shebeibianhao){
						this.$message.info('请输入设备编号')
						return false
					}
					if(!this.shebeimingcheng){
						this.$message.info('请输入设备名称')
						return false
					}
					if(!this.date_of_entry){
						this.$message.info('请选择安装日期')
						return false
					}
					if(!this.departure_date){
						this.$message.info('请输入有效日期')
						return false
					}
					if(!this.photoids){
						this.$message.info('请上传图片')
						return false
					}
					this.$message.info('提交成功')
					setTimeout(() => {
						uni.navigateBack(1)
					}, 500)
				}else if(this.tabsTypefd2_0_c0_c0 == '2'){
					if(!this.putongdeshebeimingcheng){
						if(!this.shebeibianhao){
							this.$message.info('请输入设备编号')
							return false
						}
					}
					if(!this.pputhotoids){
						this.$message.info('请上传图片')
						return false
					}
					this.$message.info('提交成功')
					setTimeout(() => {
						uni.navigateBack(1)
					}, 500)
				}
			},
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: #F8F8F8;
		background-size: 100% auto;
	}

	.myInformation_picker4_0 {
		border-bottom: 1px solid #eee;
		background: #fff;
		background-size: 100% !important;
		padding: 0rpx 32rpx 0rpx 32rpx;
		line-height: 100rpx;
		border-radius: 25rpx 25rpx 0rpx 0rpx;
		background-size: 100% auto !important;
	}

	.myInformation_picker4_0_c0 {
		font-size: 32rpx;
		font-weight: 400;
		color: #BFBFBF;
	}

	.myInformation_picker4_0_c1 {
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}

	.myInformation_picker4_0_c2 {
		color: #FE5300;
		font-size: 32rpx;
		font-weight: 400;
	}

	.myInfo_picker2_0_c2 {
		color: #FC5F80;
		line-height: 40rpx;
		font-size: 32rpx;
		font-weight: 500;
	}

	.myInfo_picker2_0_c1 {
		font-size: 36rpx;
		font-weight: 500;
		color: #333333;
	}

	.myInfo_picker2_0_c0 {
		line-height: 40rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #BFBFBF;
	}

	.myInfo_picker2_0 {
		border-bottom: 1px solid #eee;
		background: #fff;
		padding: 0rpx 32rpx 0rpx 32rpx;
		line-height: 88rpx;
		border-radius: 25rpx 25rpx 0rpx 0rpx;
		background-size: 100% auto !important;
	}

	.weixuanz {
		font-weight: 400;
		font-size: 28rpx;
		color: #666666;
	}

	.flex_0 {
		border-bottom: 1px solid #eee;
		background: #fff;
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.fd0_0_c1_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: #333333;
		line-height: 50rpx;
	}

	.fd0_0_c0_c0 {
		font-size: 36rpx;
		color: #333;
	}

	.fd0_0_c0 {
		width: 120rpx;
	}

	.fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.fd1_0_c1_c1 {
		width: 14rpx;
		height: 26rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.fd1_0_c1_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
	}

	.fd1_0_c0_c0 {
		color: #999999;
		font-size: 28rpx;
		font-weight: 500;
	}

	.fd1_0 {
		background: #FFFFFF;
		width: 100%;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		height: 88rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.fd2_0_c2_c0_c0 {
		color: #59AAFF;
		font-size: 28rpx;
		font-weight: 500;
	}

	.fd2_0_c2_c0 {
		background: #FFFFFF;
		border-radius: 37rpx 37rpx 37rpx 37rpx;
		width: 247rpx;
		height: 64rpx;
	}

	.fd2_0_c1_c6_c1_c0_image {
		width: 200rpx;
		height: 200rpx;
	}

	.publishExposure_fd1_0_c101 {
		width: 210rpx;
		height: 210rpx;
		border-radius: 16rpx;
	}

	.publishExposure_fd1_0_c100 {
		top: 0rpx;
		right: 0rpx;
		z-index: 10;
		color: rgba(242, 242, 242, 1);
		margin: 10rpx 10rpx 0rpx 0rpx;
		font-size: 46rpx;
	}

	.publishExposure_fd1_0_c10 {
		margin: 0rpx 6rpx 6rpx 0rpx;
		width: 210rpx;
		height: 210rpx;
		border-radius: 16rpx;
	}

	.fd2_0_c1_c6_c1_c0_icon {
		top: 0rpx;
		right: 0rpx;
		z-index: 10;
		color: #ff5536;
	}

	.fd2_0_c1_c6_c0 {
		width: 100%;
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
	}

	.fd2_0_c1_c6 {
		margin: 24rpx 0rpx 0rpx 0rpx;
		width: 100%;
	}

	.fd2_0_c1_c4_c1_c0 {
		font-size: 28rpx;
		color: rgba(153, 153, 153, 1);
	}

	.fd2_0_c1_c2_c1 {
		text-align: right;
	}

	.fd2_0_c1_c2 {
		width: 100%;
		margin: 24rpx 0rpx 0rpx 0rpx;
	}

	.fd2_0_c1_c1_c1_c1 {
		width: 28rpx;
		height: 28rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.fd2_0_c1_c1_c1_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
	}

	.fd2_0_c1_c1_c0 {
		color: #999999;
		font-size: 28rpx;
		font-weight: 400;
	}

	.fd2_0_c1_c1 {
		width: 100%;
		padding: 32rpx 0rpx 0rpx 0rpx;
	}

	.fd2_0_c1_c0_c1 {
		color: rgba(252, 95, 128, 1);
	}

	.fd2_0_c1_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
	}

	.fd2_0_c1_c0 {
		border-bottom: 1px solid rgba(238, 238, 238, 1);
		width: 100%;
		padding: 0rpx 0rpx 32rpx 0rpx;
	}

	.fd2_0_c1 {
		background: #FFFFFF;
		width: 100%;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 32rpx 24rpx 32rpx 24rpx;
	}

	.linefd2_0_c0_c0 {
		background: #FC5F80;
		width: 30rpx;
		height: 8rpx;
		top: 75rpx;
		background-size: 100% auto !important;
		border-radius: 4rpx 4rpx 4rpx 4rpx;
	}

	.checkTitlefd2_0_c0_c0 {
		font-weight: 500 !important;
		font-size: 32rpx !important;
		color: #333 !important;
	}

	::v-deep .benbenTabsfd2_0_c0_c0 {
		background: rgba(248, 248, 248, 1);
		width: 750rpx;
		height: 90rpx;
		white-space: nowrap;
		text-align: center;
	}

	.fd2_0_c0 {
		width: 100%;
		height: 115rpx;
	}

	.fd2_0 {
		width: 100%;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.flex_3 {
		width: 100%;
		padding: 0rpx 56rpx 0rpx 56rpx;
		position: fixed;
		bottom: calc(57rpx + var(--window-bottom));
	}

	.fd3_0_c0 {
		color: #FFFFFF;
		font-size: 32rpx;
		font-weight: 500;
	}

	.fd3_0 {
		background: #FC5F80;
		width: 100%;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		height: 88rpx;
	}
</style>